<?php include_once('layouts/header.php') ?>
<script>
modules.other = [];
modules.main = {};
</script>
<div class="layui-fluid">
    <div class="layui-row">
        <div class="layui-col-xs12 layui-col-sm12 layui-col-md12">
            <div class="panel scrollbar" scoller='{"scrollInertia":0,"H":43,"axis": "xy"}'>
                <!-- <div class="panel-header"></div> -->
                <div class="scroller-body">
                    <div class="panel-body">
                        <h6>默认样式，检测table里面有合并列/行</h6>
                        <table id="example1" class="zTables" cellspacing="0" cellpadding="0">
                            <thead>
                                <tr>
                                    <?php for ($j=0; $j < 6; $j++) { ?>
                                        <th>表头第<?=$j?>列</th>
                                    <?php } ?>
                                </tr>
                            </thead>
                            <tbody>
                                <tr><td colspan="6">没有数据</td></tr>
                            </tbody>
                        </table>
                        <h6>不固定表头</h6>
                        <table id="example2" class="zTables" cellspacing="0" cellpadding="0">
                            <thead>
                                <tr>
                                    <?php for ($j=0; $j < 8; $j++) { ?>
                                        <th>表头第<?=$j?>列</th>
                                    <?php } ?>
                                </tr>
                            </thead>
                            <tbody>
                                <?php for ($i=0; $i < 10; $i++) { ?>
                                    <tr>
                                        <?php for ($j=0; $j < 8; $j++) { ?>
                                            <td>
                                                [第<b style="color: red"><?=$i?></b>行]，[第<b style="color: blue"><?=$j?></b>列]
                                            </td>
                                        <?php } ?>
                                    </tr>
                                <?php } ?>
                            </tbody>
                        </table>
                        <h6>
                            固定表头，只要给表头行的tr 添加class为fixed-header即可
                            <code>
                                <p>参数说明：</p>
                                <p>minHeight：在固定表头的情况下，表数据的高度</p>
                                <p>loadFun：回调函数，插件完成后的操作</p>
                                <p>colDragFun：回调函数，在列拖动排序完成后的操作</p>
                                <p>rowDragFun：回调函数，在行拖动排序完成后的操作</p>
                            </code>
                        </h6>
                        <table id="example3" class="zTables" cellspacing="0" cellpadding="0">
                            <thead>
                                <tr class="fixed-header">
                                    <?php for ($j=0; $j < 8; $j++) { ?>
                                        <th>表头第<?=$j?>列</th>
                                    <?php } ?>
                                </tr>
                            </thead>
                            <tbody>
                                <?php for ($i=0; $i < 10; $i++) { ?>
                                    <tr>
                                        <?php for ($j=0; $j < 8; $j++) { ?>
                                            <td>
                                                [第<b style="color: red"><?=$i?></b>行]，[第<b style="color: blue"><?=$j?></b>列]
                                            </td>
                                        <?php } ?>
                                    </tr>
                                <?php } ?>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<?php include_once('layouts/footer.php') ?>